<template>
    <div :style="{
        color: activeColor, fontSize: fontSize + 'px'
    }">
        bbbc
    </div>



    <div :style="styleObject">
        bbbc
    </div>
</template>

<script setup lang='ts'>
import { reactive, ref } from 'vue';

const activeColor = ref('red')
const fontSize = ref(30)

const styleObject = reactive({
    color: 'red',
    fontSiz: '30px'
})


</script>

<style></style>